<template>
  <div class="">
    <div class="m_bottom_nav clearfix">
      <router-link tag="span" to="/home" class="m_bottom_item m_bottom_select">
        <p class="bottom_item_icon a_icon">
          <svg aria-hidden="true"><use xlink:href="#icon-shouye"></use></svg>
        </p>
        <p class="bottom_item_name">首页</p>
      </router-link>
      <router-link tag="span" to="/focus" class="m_bottom_item">
        <p class="bottom_item_icon b_icon">
          <svg aria-hidden="true"><use xlink:href="#icon-guanzhu"></use></svg>
        </p>
        <p class="bottom_item_name">关注</p>
      </router-link>
      <router-link tag="span" to="/focus" class="m_bottom_item">
        <p class="bottom_item_icon c_icon">
          <svg aria-hidden="true"><use xlink:href="#icon-jiahao"></use></svg>
        </p>
      </router-link>
      <router-link tag="span" to="/answer" class="m_bottom_item">
        <van-badge dot>
          <p class="bottom_item_icon d_icon">
            <svg aria-hidden="true"><use xlink:href="#icon-wenda"></use></svg>
          </p>
        </van-badge>

        <p class="bottom_item_name">问答</p>
      </router-link>
      <router-link tag="span" to="/mine" class="m_bottom_item">
        <p class="bottom_item_icon e_icon">
          <svg aria-hidden="true"><use xlink:href="#icon-my"></use></svg>
        </p>
        <p class="bottom_item_name">我的</p>
      </router-link>
    </div>
  </div>
</template>

<script>
import "../static/css/m_nav_public.css";
import "../static/css/public_style.css";
import "../static/css/m_activity_index.css";
export default {
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
  components: {},
};
</script>

<style scoped>
.m_bottom_nav span.active {
  color: #0e70b6;
}
.m_bottom_nav span.active .bottom_item_name {
  color: #0e70b6;
}
.m_bottom_nav >>> .van-badge--fixed {
  top: 25%;
}
</style>
